<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="dist/css/quicktab.css">
    <style>
        .container {
            display: flex;
            align-items: center;
        }
    </style>
</head>

<body>

    <div class="container">
        <div id="qtab2"></div>
        <div id="qtab3"></div>
    </div>
    <script src="dist/js/quicktab.js"></script>
    <script>
        const qtab2 = new Quicktab('#qtab2', {
            id:'qtab2',
            defaultTabs: [
                { url: 'welcome.html', title: '首页' },
                { url: 'child.html?random=1', title: '我是#qtab2' },
            ]
        })

        const qtab3 = new Quicktab('#qtab3', {
            id:'qtab3',
            defaultTabs: [
                { url: 'welcome.html', title: '首页' },
                { url: 'child.html?random=1', title: '我是#qtab3' },
            ]
        })
    </script>
</body>

</html>
